<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>我有几句话藏在月亮里想对你说</title>
  <script src="./javascripts/jweixin-1.2.0.js"></script>
  <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
  <script src="./javascripts/vue.min.js"></script>
  <script src="./javascripts/jquery-3.2.1.min.js"></script>
  <script src="./javascripts/jquery.danmu.js"></script>
  <script src="./javascripts/wechatmanager.js"></script>
  <link rel="stylesheet" href="./style.css?1">
  <link rel="stylesheet" href="./bootstrap.min.css">
  <!-- <link rel="stylesheet" href="./swiper-3.4.2.min.css"> -->
  <link rel="stylesheet"
  href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css">

</head>

<body>
  <div style="display:none"><img src="images/sharedimg.jpg" alt=""/></div>
  <div id="app">
    <div class="mycontainer wrap">
      
      <!-- <button v-on:click="playstop" type="button" class="btn btn-default btn-sm"> <span id="playstop" class="glyphicon glyphicon-volume-off" aria-hidden="true" v-on:click="playstop"></span> </button> -->
      <!-- <span id="playstop" class="glyphicon glyphicon-volume-off" aria-hidden="true" v-on:click="playstop"></span> -->
      <!-- glyphicon glyphicon-volume-up -->
      <!-- <audio id="bgMusic" preload autoplay loop="loop" >
        <source src="bgm.mp3" type="audio/mp3">
      </audio> -->

        <!-- 第一页 -->

        <div class="page-one item ">
            <button v-on:click="click_moon" class="">
                    <!-- 点击月亮 -->
            </button>

        </div>

        <!-- 第二页 -->
        <div class="page-two item" id="page2" hidden=true>

          <img src="images/carma.png" v-on:click="click_crama">

        </div>


        <!-- 第三页 -->
        <div class="page-three item" id="page3" hidden=true>

          <div class="empty"></div>

          <div class="pre-say-contianer">


            <div class="showwordempty">

            </div>

            <div class="showwords">
              <p>
                  <%= words %>
              </p>
            </div>
          </div>

          <div class="sharePerson">
              
            <span><img hidden src="<%= avator %>" alt=""><%= nickname %></span>
          </div>

          <div class="tips">
            <h5>#是不是有什么话想对某人说，让月亮帮你送达吧!#</h5>
          </div>

          <button v-on:click="click_send" class=" click_send">
                </button>
        </div>

        <!-- 第四页 -->
        <div class="page-four item" id="page4" hidden=true>

          <div class="empty"></div>

          <div class="pre-say-contianer">

            <div class="showwordempty">

            </div>
            <!-- <div class="input-content">
              <input type="text" class="form-control" placeholder="要来一发吗？" aria-describedby="basic-addon1">
            </div> -->

            <div class="input-content"> 
              <div class="input-group">
                <input type="text" class="form-control" placeholder="要来一发吗？" v-model="inputMessage" onblur="show()" id="inputsay">
                <span class="input-group-btn">
                  <button class="btn btn-default" type="button" v-on:click="shoot">发射</button>
                </span>
              </div><!-- /input-group -->
            </div>

          

            <div class="shareTips">
              <h5 style="display:none">输入完成后点击右上角分享至朋友或朋友圈</h5>
            </div>

          </div>
          <!-- 弹幕区 -->
          <div class="danmuArea">
            <!-- <div id="danmu"></div> -->
          </div>

          <div class="footer">
            <div class="footer-contianer">
              <h5><img src="./images/bearlogo.png" alt="">谷熊科技--链接这座城市每个人的故事</h5>
            </div>
          </div>

        </div>
      </div>

  </div>

  <!-- <script src="./javascripts/swiper-3.4.2.min.js"></script> -->
  <script src="./javascripts/iSlider.js"></script>
  <script src="./javascripts/content.js"></script>
  
  <audio id="Jaudio" class="media-audio" src="bgm.mp3" preload loop="loop"></audio >
    
  <script>
    function audioAutoPlay(id){
      var audio = document.getElementById(id);
      audio.play();
        document.addEventListener("WeixinJSBridgeReady", function () {
                audio.play();
        }, false);
        document.addEventListener('YixinJSBridgeReady', function() {
          audio.play();
        }, false);
    }
    audioAutoPlay('Jaudio');
    </script>
    
  

</body>

</html>
<script src="danmu_words.js"></script>
<script src="static/js/jquery-1.9.1.min.js" ></script>
<script src="dist/js/jquery.barrager.js" type="text/javascript"></script>
<script src="danmu.js" ></script>

